// 当滚动到一定高度时  浮动条出现
window.onscroll=function(){
	var st=document.body.scrollTop||document.documentElement.scrollTop;
	if(st>400){
		$("#float").css("display","block");
	}else{
		$("#float").css("display","none");
	}
	if(st>700){
		$("#toTop").css("display","block");
	}else{
		$("#toTop").css("display","none")
	}
}

// 划过第一块滚动条 动画效果 划出返回初始状态
$("#flTop").hover(function(){
		var i=0;
	    var timer=setInterval(function(){
	    $("#bookDiv").css("top",0-i+"px");
		if(parseInt($("#bookDiv").css("top"))<=-50){
			$("#bookDiv").css("top","-50px")
			clearInterval(timer);
		}
		i+=7;
	},30)
},function(){
	var h=parseInt($("#bookDiv").css("top"));
	var j=0;
	var timer2=setInterval(function(){
	    $("#bookDiv").css("top",h+j+"px");
		if(parseInt($("#bookDiv").css("top"))>=0){
			$("#bookDiv").css("top","0px")
			clearInterval(timer2);
		}
		j+=7;
	},30)
})

// 划过第二块滚动条的时候,动画效果 划出返回初始状态
$("#flBottom").hover(function(){
		var i=0;
	    var timer=setInterval(function(){
	    $("#saveDiv").css("top",0-i+"px");
		if(parseInt($("#saveDiv").css("top"))<=-50){
			$("#saveDiv").css("top","-50px");
			clearInterval(timer);
		}
		i+=7;
	},30)
},function(){
	var h=parseInt($("#saveDiv").css("top"));
	var j=0;
	var timer2=setInterval(function(){
	    $("#saveDiv").css("top",h+j+"px");
		if(parseInt($("#saveDiv").css("top"))>=0){
			$("#saveDiv").css("top","0px");
			clearInterval(timer2);
		}
		j+=7;
	},30)
})

// 回到顶部
$("#toTop").click(function(){
	var st=document.body.scrollTop||document.documentElement.scrollTop;
	document.body.scrollTop=0;
})